<!DOCTYPE html>
<html
xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head></h:head>
<body>
	<h:form id="formTipoImporteFijo">

		<p:growl id="msgs" showDetail="true" life="1000" />
		<p:panel header="Tipos de Importes Fijos">

			<p:dataTable id="singleDT" var="pa" value="#{tipoImporteFijoBean.listTipoImporteFijo}"
				selection="#{tipoImporteFijoBean.selectedTipoImporteFijo}" rowKey="#{pa.idTipoInformeFijo}"
				editable="true" style="width:50%" rows="5" paginator="true"
				paginatorPosition="bottom"
				paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}">

				<p:ajax event="rowEdit" listener="#{tipoImporteFijoBean.onRowEdit}"
				update=":#{p:component('msgs')}" />
				<p:ajax event="rowEditCancel" listener="#{tipoImporteFijoBean.onRowCancel}"
				update=":#{p:component('msgs')}" />

				<f:facet name="header">
					<p:outputPanel style="text-align:right">
						<h:outputText value="Buscar: " />
							<p:inputText id="globalFilter" onkeyup="PF('paisTipoImporteFijo').filter()"
								style="width:150px" placeholder="Ingrese Tipo" />						
					</p:outputPanel>
				</f:facet>

				<p:column headerText="Nombre" style="text-align:left">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{pa.nombre}" />
						</f:facet>
							<f:facet name="input">
								<p:inputText id="modelInputNombre" value="#{pa.nombre}"
									style="width:100%" />
							</f:facet>						
					</p:cellEditor>
				</p:column>
				<p:column headerText="Aplicacion" style="text-align:left">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{pa.formaAplicacion}" />
						</f:facet>
							<f:facet name="input">
								<p:inputText id="modelInputFormaAplicacion" value="#{pa.formaAplicacion}"
									style="width:100%" />
							</f:facet>						
					</p:cellEditor>
				</p:column>				
				<p:column headerText="Modificar"
					style="width:70px;text-align: center">
					<p:rowEditor />
				</p:column>
				<p:column headerText="Eliminar"
					style="width:32px;text-align: center">
					<p:commandButton process="singleDT" 
						icon="ui-icon-close" title="View"
						action="#{tipoImporteFijoBean.eliminarTipoImporteFijo}">
						<f:setPropertyActionListener value="#{pa}"
							target="#{tipoImporteFijoBean.selectedTipoImporteFijo}" />
							<p:confirm header="Confirmación" message="Está seguro?"
							icon="ui-icon-alert" />
					</p:commandButton>
				</p:column>

			</p:dataTable>

			<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
				<p:commandButton value="Si" type="button"
					styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
				<p:commandButton value="No" type="button"
					styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
			</p:confirmDialog>

			<br />

			<p:fieldset id="panelNuevoTipoImporteFijo" legend="Nuevo" toggleable="true"
				toggleSpeed="500" collapsed="true" style="width:46%">
				<p:messages id="messages" autoUpdate="false" />
				<h:panelGrid columns="3" cellpadding="5">
					<h:outputLabel for="nombre" value="Nombre:" />
					<p:inputText id="nombre" required="true" label="Nombre Tipo Importe Fijo"
					value="#{tipoImporteFijoBean.tipoImporteFijo.nombre}" />
					<p:message for="nombre" display="icon"/>
				</h:panelGrid>
				<h:panelGrid columns="3" cellpadding="5">
					<h:outputLabel for="aplicacion" value="Forma de Aplicacion:" />
					<p:inputText id="aplicacion" required="true" label="Forma de Aplicacion"
					value="#{tipoImporteFijoBean.tipoImporteFijo.formaAplicacion}" />
					<p:message for="aplicacion" display="icon"/>
				</h:panelGrid>		
				<h:panelGrid columns="3" cellpadding="5">
					<h:outputLabel for="descripcion" value="Descripcion:" />
					<p:inputText id="descripcion" required="true" label="Decripcion"
					value="#{tipoImporteFijoBean.tipoImporteFijo.descripcion}" />
					<p:message for="descripcion" display="icon"/>
				</h:panelGrid>	
				<p:separator id="separator" />
				<p:commandButton value="Guardar" id="ajax" process="@form"
						icon="ui-icon-disk" update=":#{p:component('formTipoImporteFijo')}"
						actionListener="#{tipoImporteFijoBean.guardarTipoImporteFijo}" />
			</p:fieldset>
		</p:panel>

	</h:form>

</body>
</html>